/* css reset start */

html, body, div, span, h1, h2, h3, p, a, em, img, strong, ul, ol, li, form, input, label, textarea, footer, header, nav { box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; border: none; }

footer,
nav,
header { display: block; }

html { font-size: 62.5%; }

body { font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif; line-height: 1; }

/* div如果要设置100%， 必须把 html，body设置100%， 这样div才能继承 start */

html,
body { height: 100%; }

/* div如果要设置100%， 必须把 html，body设置100%， 这样div才能继承 end */

:focus { outline: none; }

em { font-style: normal; }

a { text-decoration: none; }

a,
span,
input,
textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 清除点击边框 */

input,
select,
textarea { outline: none; }

textarea { resize: none; }

img { max-width: 100%; display: block; }

input[type=submit],
label,
select,
a { cursor: pointer; }

::-webkit-inner-spin-button {
    -webkit-appearance: none;    /* type number 上下小箭头按钮，你丫太丑了，滚粗，负分 */
}

ul,
ol { list-style: none; }

.fix:after { display: table; clear: both; content: ''; }

::-webkit-input-placeholder { /* WebKit browsers */
    color: #aeaeb2; }

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aeaeb2; }

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #aeaeb2; }

/* css reset end */

/* common start  */

.public-title { font-size: 12px; text-align: center; color: #9f9f9f; }

.public-title .mark { color: #f44c06; }

.feedback { position: fixed; right: 5px; bottom: 65px; width: 40px; height: 40px; }

.feedback .img { width: 100%; height: 100%; }

/* common end  */

/* index start */

.focus { position: relative; overflow: hidden; width: 100%; height: 180px; }

.focus .focusUl { height: 180px; }

.focus .focusUl .focusUlLi { float: left; width: 100%; }

.focus .focusUl a { display: block; width: 100%; height: 180px; }

.focus .focusUl img { width: 100%; height: 180px; }

.focus .focusOl { position: absolute; z-index: 2; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.focus .focusOl li { float: left; width: 10px; height: 10px; margin-right: 5px; opacity: .5; border-radius: 50%; background: #fff; }

.focus .focusOl .active { opacity: 1; background: #fff; }

.index-content { font-size: 14px; line-height: 20px; position: relative; margin: 15px; padding: 4px 10px; text-indent: 20px; border: 1px dashed #d1c5c5; }

.index-content .content-icon { position: absolute; top: -10px; left: -10px; width: 31px; height: 31px; background: url(../imgs/index_content_bg.png) no-repeat; background-size: 31px 31px; }

.index-content .collect { position: absolute; top: -5px; right: -5px; width: 21px; height: 21px; background: url(../imgs/goods_detail_collect.png) no-repeat; background-size: 21px 21px; }

.index-content .collected { position: absolute; top: -5px; right: -5px; width: 21px; height: 21px; background: url(../imgs/goods_detail_collected.png) no-repeat; background-size: 21px 21px; }

.index-choose { height: 33px; margin-top: 15px; }

.index-choose .img { width: 100%; height: 33px; }

.index-choose .news,
.index-choose .cuxiao { font: normal 14px/33px 'Helvetica'; position: relative; float: left; width: 41%; height: 33px; color: #fed900;  }
.index-choose .news {  margin: 0 6%; }
.index-choose .cuxiao {  margin-right: 6%;  }

.index-choose .text { position: absolute; top: -1px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-all-goods { margin: 0 15px;  }

.index-all-goods del { color: gray; font-style: italic; }

.index-all-goods .title { font-size: 14px; line-height: 24px; margin-top: 20px; color: #474749; border-bottom: 1px solid #474749; }

.index-all-goods .goods-list { float: left; width: 50%;  margin-top: 10px; padding-right: 10px; }

.index-all-goods .goods-list:nth-child(2n) { padding-right: 0; }

.index-all-goods .goods-list a { font-size: 14px; display: block; height: 220px; width: 100%; background: #fff; font-size: 12px; }

.index-all-goods .goods-list .one { height: 160px; text-align: center; border-bottom: 1px solid #9e9d9f; }

.index-all-goods .goods-list .one .img { display: block; width: 100%; height: 159px; padding: 10px; vertical-align: top; }

.index-all-goods .goods-list .two { overflow: hidden; width: 100%; height: 35px; padding: 8px 10px 0 10px; white-space: nowrap; text-overflow: ellipsis; color: #9f9f9f; }

.index-all-goods .goods-list .three {   padding-left: 10px; color: #f44c06; }

.index-guess-like { margin: 0 15px; }

.index-guess-like .title { font-size: 14px; line-height: 24px; margin: 20px 0 10px 0; color: #474749; border-bottom: 1px solid #474749; }

.index-guess-like ul { background: #fff; }

.index-guess-like .likeshop {  position: relative; font-size: 14px; height: 55px; padding-top: 12px; }

.index-guess-like .likeshop .left { float: left; width: 33px; height: 33px; margin-left: 8px; border-radius: 4px; background-color: #474749; }

.index-guess-like .likeshop .left .img { width: 100%; height: 100%; border-radius: 4px; }

.index-guess-like .likeshop .middle { float: left; height: 33px; margin-left: 10px; }

.index-guess-like .likeshop .middle .name { line-height: 18px; color: #474749; }

.index-guess-like .likeshop .middle .prompt { margin-top: 2px; color: #bababa; }

.index-guess-like .likeshop .right { position: absolute;  right: 0; top: 12px; width: 57px; height: 22px; margin-right: 10px; text-align: center; border: 1px solid #f44c06; border-radius: 4px; }

.index-guess-like .likeshop .right a { font-size: 12px; line-height: 22px; color: #f44c06; }

.index-guess-like .goods-list { float: left; width: 49%; height: 220px; margin-right: 1%; }

.index-guess-like .goods-list:nth-child(2n) { margin-left: 0; }

.index-guess-like .goods-list a { font-size: 14px; display: block; width: 100%; background: #fff; }

.index-guess-like .goods-list .one { height: 160px; text-align: center; border-bottom: 1px solid #9e9d9f; }

.index-guess-like .goods-list .one .img { height: 140px; padding: 10px; }

.index-guess-like .goods-list .two { overflow: hidden; width: 90%; height: 40px; padding: 8px 0 0 10px; white-space: nowrap; text-overflow: ellipsis; color: #9f9f9f; }

.index-guess-like .goods-list .three { height: 20px; padding-left: 10px; color: #f44c06; }


/* index end */


/* preferential start */

.preferential-list { padding: 10px 10px 0 10px; }

.preferential-list .listLi { height: 100px; margin-bottom: 10px; }

.preferential-list .left { float: left; width: 60%; height: 100px; }

.preferential-list .left .img { width: 100%; height: 100%; }

.preferential-list .right { font-size: 14px; float: left; box-sizing: border-box; width: 40%; height: 100px; padding: 0 10px; text-align: right; color: #fff; background: #fe7201; }

.preferential-list .right .title { font-size: 14px; overflow: hidden; width: 100%; margin-top: 26px; text-align: right; white-space: nowrap; text-overflow: ellipsis; color: #fff; }

.preferential-list .right .activity { font-size: 14px; display: inline-block; margin-top: 9px; padding: 3px; color: #fff; border: 2px solid #fff; }


/* preferential end */


/* goods details start */

.goods-detail-header { width: 100%; height: 360px; border: 2px solid #959595; }

.goods-detail-header .img { width: 100%; height: 100%; }

.goods-price { font-size: 14px; position: relative; height: 68px; padding-left: 10px; border-bottom: 1px solid #d7dadb; }

.goods-price .collect { position: absolute; top: 8px; right: 8px; width: 21px; height: 21px; background: url(../imgs/goods_detail_collect.png) no-repeat; background-size: 21px 21px; }

.goods-price .collected { position: absolute; top: 8px; right: 8px; width: 21px; height: 21px; background: url(../imgs/goods_detail_collected.png) no-repeat; background-size: 21px 21px; }

.goods-price .title { overflow: hidden; width: 80%; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; }

.goods-price .price .old-price { float: left; }

.goods-price .price .old-price .gray { text-decoration: line-through; color: #9f9f9f; }

.goods-price .price .new-price { float: right; margin-right: 36px; }

.goods-price .price .new-price .red { color: #f44c06; }

.goods-detail-content { font-size: 14px; padding: 0 0 20px 10px; border-bottom: 1px solid #d7dadb; }

.goods-detail-content .title { padding: 10px 0; }

.goods-detail-content .prompt { padding: 0 10px 10px 20px; }

.goods-detail-content .text { line-height: 20px; }

.goods-detail-main { font-size: 14px; padding: 0 40px; text-align: center; }

.goods-detail-main .listLi { padding-top: 10px; }

.goods-detail-main .one { padding-top: 20px; }

.goods-detail-main .two { padding: 20px 0; }

.goods-detail-imglist { padding: 0 10px; }

.goods-detail-imglist .listLi { height: 200px; margin-bottom: 10px; }

.goods-xq-fix { position: fixed; bottom: 0; left: 0; width: 100%; height: 38px; padding-left: 50px; background-color: #474749; }

.goods-xq-fix .shop { width: 28%; text-align: center; margin-left: 10px; font: normal 13px/28px 'Helvetica'; float: left; height: 28px; margin-top: 5px; color: #fff; border-radius: 4px; }

.goods-xq-fix .shop:nth-child(1) { background: #f39801; color: #fff; }

.goods-xq-fix .shop:nth-child(2) { background: #f7ed00; color: #474749; }

.goods-xq-fix .shop:nth-child(3) { color: #f7ed00; border: 1px solid #f7ed00; }

.goods-xq-fix em { position: absolute; top: 8px; left: 8px; width: 22px; height: 20px; background: url(../imgs/goods_detail_home.png) no-repeat; background-size: 22px 20px; }

#cart_message { position: fixed; z-index: 5; top: 50%; left: 50%; width: 250px; height: 115px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; border-radius: 4px; background: #fff; }

#cart_message .title { font-size: 14px; line-height: 40px; width: 100%; height: 40px; padding-left: 10px; text-align: left; color: #f7ed00; border-radius: 4px 4px 0 0; background: #474749; }

#cart_message .jiaru { font-size: 14px; line-height: 35px; width: 100%; height: 35px; padding-left: 10px; text-align: left; color: #000; background: #fff; }

#cart_message .content { font-size: 14px; width: 100%; height: 40px; background: #eee; }

#cart_message .content .jixu,
#cart_message .content .chakan { line-height: 27px; float: right; width: 75px; height: 27px; margin-top: 6px; border-radius: 4px; background: #f7ed00; }

#cart_message .content .jixu { margin-right: 4px; color: #474749; }

#cart_message .content .chakan { margin-right: 7px; color: #474749; }


/* goods details end */


/* order start */

.order-wrap { width: 100%; padding: 10px; }

.order-goods { font-size: 16px; position: relative; display: table; width: 100%; height: 95px; border-radius: 4px; background: #fff; }

.order-goods .left { display: table-cell; width: 95px; height: 95px; padding: 10px 0 0 10px; }

.order-goods .left .img { width: 75px; height: 75px; }

.order-goods .middle { display: table-cell; height: 95px; padding-left: 10px; vertical-align: top; }

.order-goods .middle .title { overflow: hidden; width: 90%; height: 16px; margin-top: 10px; }

.order-goods .middle .prompt { overflow: hidden; width: 90%; height: 16px; margin-top: 13px; }

.order-goods .middle .number { margin-top: 13px; }

.order-goods .bottom { position: absolute; right: 10px; bottom: 10px; color: #f44c06; }

.order-accept { font-size: 14px; position: relative; }

.order-accept .accept { font: bold 14px/30px 'Helvetica'; height: 30px; margin-top: 10px; padding-left: 36px; border-radius: 4px 4px 0 0; background: url(../imgs/order_accept.png) 10px 7px no-repeat #f3f3f3; background-size: 15px 15px; }

.order-accept .address { font: normal 14px/60px 'Helvetica'; height: 60px; padding-left: 10px; border-radius: 0 0 4px 4px; background: #fff; }

.order-accept .address .rightIcon { position: absolute; top: 55px; right: 11px; width: 5px; height: 11px; background: url(../imgs/order_accept_right.png); background-size: 5px 11px; }

.order-accept .user-address { font-size: 14px; padding-left: 10px; border-radius: 4px; background: #fff; }

.order-accept .user-address .radio { width: 14px; height: 14px; margin-top: 14px; }

.order-accept .user-address .user-prompt { font: normal 14px/40px 'Helvetica'; margin: 8px 0 0 7px; vertical-align: top; }

.order-invoice { font-size: 14px; position: relative; }

.order-invoice .pay { font: bold 14px/30px 'Helvetica'; height: 30px; margin-top: 10px; padding-left: 10px; background: #f3f3f3; }

.order-invoice div { font-size: 14px; line-height: 30px; height: 30px; padding-left: 10px; background: #fff; }

.order-invoice .order-invoiceType { border-radius: 4px 4px 0 0; }

.order-invoice .order-invoiceTitle { border-radius: 0 0 4px 4px; }

.order-invoice .order-invoiceTitle .prompt { width: 150px; padding-left: 10px; border: 1px solid #ccc; }

.order-kuaidi .manner { font: bold 14px/30px 'Helvetica'; height: 30px; margin-top: 10px; padding-left: 10px; background: #f3f3f3; }

.order-kuaidi .user-kuaidi { font-size: 14px; margin-bottom: 10px; padding: 10px 0 10px 10px; border-radius: 4px; background: #fff; }

.order-kuaidi .user-kuaidi .radio { width: 14px; height: 14px; margin-top: 5px; }

.order-kuaidi .user-kuaidi .kuaidi-prompt { font: normal 14px/24px 'Helvetica'; margin: 8px 0 0 7px; vertical-align: top; }

.order-pay { position: relative; }

.order-pay .pay { font: bold 14px/30px 'Helvetica'; height: 30px; margin-top: 10px; padding-left: 36px; background: url(../imgs/order_pay.png) 10px 7px no-repeat #f3f3f3; background-size: 15px 15px; }

.order-pay .payInfo { padding-left: 10px; border-bottom: 1px solid #efefef; border-radius: 4px 4px 0 0; background: #fff; }

.order-pay .payInfo .radio { width: 14px; height: 14px; margin-top: 13px; }

.order-pay .payInfo .wechat { display: inline-block; width: 112px; height: 25px; margin: 8px 0 8px 7px; vertical-align: top; background: url(../imgs/order_pay_wechat.png) no-repeat; background-size: 112px 25px; }

.order-pay .payInfo .downIcon { position: absolute; top: 48px; right: 10px; width: 20px; height: 20px; background: url(../imgs/order_pay_upIcon.png) no-repeat; background-size: 11px 5px; }

.order-pay .payInfo .upIcon { position: absolute; top: 48px; right: 10px; width: 20px; height: 20px; background: url(../imgs/order_pay_downIcon.png) no-repeat; background-size: 11px 5px; }

.order-pay .jinbi { height: 30px; padding-left: 10px; border-radius: 0 0 4px 4px; background: #fff; }

.order-pay .jinbi .checkbox { width: 14px; height: 14px; margin-top: 10px; }

.order-pay .jinbi .number { font: normal 12px/30px 'Helvetica'; margin: 8px 0 0 7px; vertical-align: top; }

.order-coupon .coupon { font: bold 14px/30px 'Helvetica'; height: 30px; margin-top: 10px; padding-left: 10px; border-radius: 4px 4px 0 0; background: #f3f3f3; }

.order-coupon .nocoupon { font: normal 14px/30px 'Helvetica'; height: 30px; padding-left: 10px; color: #878787; border-radius: 0 0 4px 4px; background: #fff; }

.order-user-notes { font: normal 14px/40px 'Helvetica'; width: 100%; height: 40px; margin: 10px auto; padding-left: 10px; color: #b6b6b6; border-radius: 4px; }

.order-fee-details { padding: 10px; border-radius: 4px; background: #fff; }

.order-fee-details .detail { font: bold 14px/30px 'Helvetica'; height: 30px; }

.order-fee-details .detail .rmb { margin-right: 10px; color: #f44c06; }

.order-fee-details .line { font: normal 14px/44px 'Helvetica'; }

.order-fee-details .line .left { float: left; color: #878788; }

.order-fee-details .line .right { float: right; margin-right: 10px; color: #f4500b; }

.order-fee-details .submitBtn { font-size: 16px; line-height: 40px; width: 100%; height: 42px; margin-top: 15px; color: #fff; border: 1px solid #f40; border-radius: 4px; background: #f60; }


/* order end */


/* all-header-top-title start */

.all-header-top-title { font-size: 16px; line-height: 46px; width: 100%; height: 46px; text-align: center; color: #fed900; background: #474749; }


/* all-header-top-title end */


/* order detail start */

.order-detail-header { font-size: 14px; width: 100%; height: 122px; padding: 20px; border-bottom: 2px solid #f1f1f1; background: #fff; }

.order-detail-header .left { float: left; width: 80px; height: 80px; }

.order-detail-header .left .img { width: 100%; height: 100%; }

.order-detail-header .right { float: left; padding-left: 10px; }

.order-detail-header .right .line { overflow: hidden; width: 170px; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; }

.order-detail-header .right .line:nth-child(3) { margin-bottom: 0; color: #f44c06; }

.order-detail-xijie { height: 127px; padding: 10px 20px; border-bottom: 2px dashed #f1f1f1; background: #fff; }

.order-detail-xijie .line { font: normal 12px/20px 'Helvetica'; color: #6a6a6a; }

.order-detail-xijie .line .red { color: #f44c06; }

.order-detail-xijie .line .gray { color: #b4b4b4; }

.order-detail-xinxi { padding: 10px 20px; color: #717171; border-bottom: 2px dashed #f1f1f1; background: #fff; }

.order-detail-xinxi .line { font: normal 12px/30px 'Helvetica'; }

.order-detail-status { padding: 0 20px; background: #fff; }

.order-detail-status .title { font: bold 18px/40px 'Helvetica'; }

.order-detail-status .line { font-size: 16px; line-height: 40px; width: 100%; height: 42px; margin-top: 15px; text-align: center; border: 1px solid #f40; border-radius: 4px; background: #f60; }

.order-detail-status .line a { display: block; color: #fff; }

/* order detail end */

/* cart start */

.cartBox h3 { background-color: #f44c0f; color: #eee; padding: 10px;}

.cartUl { padding-bottom: 10px; }

.cartLi { position: relative; height: 110px; margin-top: 10px; background: #fff; }

.cartLi .one { display: table; width: 100%; height: 79px; border-bottom: 1px solid #f1f1f1; }

.cartLi .one .left { display: table-cell; width: 80px; height: 79px; }

.cartLi .one .left .img { width: 60px; height: 60px; margin: 10px 10px 0 10px; }

.cartLi .one .right { font-size: 14px; display: table-cell; vertical-align: top; }

.cartLi .one .right .title { line-height: 20px; overflow: hidden; width: 80%; height: 20px; margin-top: 10px; }

.cartLi .one .right .desc { line-height: 20px; overflow: hidden; width: 80%; height: 20px; }

.cartLi .one .right .money { line-height: 20px; overflow: hidden; width: 80%; height: 20px; color: #f44c0f; }

.cartLi .one .right .money .number-change { position: absolute; right: 20px; bottom: 40px; }

.cartLi .one .right .money .number { width: 40px; border: 1px solid #eee; }

.cartLi .one .right .money .add { padding: 0 8px; color: navy; background-color: #eee; }

.cartLi .one .right .money .dec { padding: 0 8px; color: navy; background-color: #eee; }

.cartLi .two { font-size: 14px; line-height: 30px; width: 100%; height: 30px; padding-right: 10px; text-align: right; }

.cartLi .two .yellow { color: #f44c0f; }

.cartLi .closeBtn { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../imgs/cart_close_btn.png) no-repeat; background-size: 10px 10px; }

.cart-end { width: 100%; height: 50px; background: #fff; }

.cart-end .left { font-size: 14px; line-height: 50px; float: left; padding-left: 10px; }

.cart-end .left .yellow { color: #f44c0f; }

.cart-end .right { float: right; padding-right: 10px; }

.cart-end .right .submitBtn { font-size: 16px; float: right; width: 92px; height: 36px; margin-top: 7px; color: #fff; border: 1px solid #f40; border-radius: 4px; background: #f60; }

.alert_bg { position: fixed; z-index: 3; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .5; background: #000; }

.cart-empty { font-size: 14px; padding-top: 115px; text-align: center; }

.cart-empty .prompt { font-size: 16px; margin: 40px 0; color: #ccc; }

.cart-empty .go-home { line-height: 32px; display: block; width: 170px; height: 34px; margin: 0 auto 50px; color: #fff; border: 1px solid #f40; border-radius: 4px; background: #f60; }

.goodsBuyAttrs { line-height: 2em; }
.goodsBuyQuantity { font-size: 12px ; font-style: italic; }
/* cart end */

/* join start */

.join .gray { width: 100%; background: #626262; }

.join .text { width: 100%; height: 42px; padding: 0 36px; line-height: 40px; }

.join .text:nth-child(2) { margin-top: 20px; }

.join .text .shareUserName,
.join .text .mobile { font-size: 14px;  width: 100%; height: 42px; padding-left: 12px; color: #ababac; border-bottom: 2px solid #ececec; background: #f3f3f3; }
.join .submit { padding: 20px 10px; width: 100%; height: 80px;  }
.join .submitbtn { background: #474749; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-radius: 4px; color: #fed900; font-weight: bold; }

.click-money { text-align: center; }
.click-money .gray {  background: #ebebeb; }
.click-money .gray img { margin: 0 auto; background: #ebebeb; }
.click-money .prompt {  width: 100%; color: #4e1716; padding: 6px 36px 34px 36px; background: #ebebeb; }
.click-money .prompt .prompt-text {  width: 100%; text-align: center; line-height: 24px; font-size: 14px; border-bottom: 1px solid  #c7c7c7; }
.click-money .click-btn { display: block; width: 148px; color: #fed900; height: 34px; text-align: center; margin: 15px auto; background: #474749; line-height: 34px; border-radius: 4px; font-size: 14px; }
.click-money .text { text-align: center;  font-size: 12px; line-height: 18px; padding: 0 50px; color: #474749; }
/* join end */

/* share homepage start */
.share-homepage .header { height: 146px; background: #fed900; padding-top: 16px;  color: #fff; text-align: center; }
.share-homepage .header .img { width: 75px; height: 75px; border-radius: 50%; margin: 0 auto; }
.share-homepage .header .userName { line-height: 32px; font-size: 14px; height: 32px; }
.share-homepage .header .prompt { font-size: 13px; height: 15px; }
.share-homepage .title { height: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #474749; }
.share-homepage .menu-ul { border-top: 1px solid  #ececec; }
.share-homepage .menu-li {  text-align: center; float: left;  width: 33.333%; height: 100px; border-right: 1px solid  #ececec; border-bottom: 1px solid  #ececec; }
.share-homepage .menu-li:nth-child(3n) {  border-right: none; }
.share-homepage .menu-li a { height: 99px; padding-top: 27px; display: block; color: #ababab; font-size: 14px; }
.share-homepage .menu-li .img { margin: 0 auto; }
.share-homepage .menu-li .text { margin-top: 8px; }

/* share homepage end */

/* hero charts start  */
.hero-charts { height: 46px; font-size: 16px; background: #474749; text-align: center; color: #fed900; line-height: 46px; }
.hero-title {  height: 36px; border-bottom: 1px solid  #ececec; text-align: center; }
.hero-title .li { color: #ababab; margin: 8px 0; font-size: 14px; line-height: 14px; height: 20px; float: left; width: 50%;  border-right: 1px solid  #ccc; }
.hero-title .li:last-child { border-right: none; }
.hero-title .li .circle {  font-size: 24px; position: relative; top: 3px; }
.hero-title a {  color: #ababab; }
.hero-title .active {  color: #fed900; }
.shop-charts .li { width: 100%; display: table; height: 58px; border-bottom: 1px solid  #ccc; padding: 0 16px; }
.shop-charts .li .left { display: table-cell; vertical-align:middle;  width: 50px; font-size: 16px; color: #000;   }
.shop-charts .li .middle { display:table-cell; vertical-align:middle; width: 55px; height: 37px; padding-right: 18px; }
.shop-charts .li .middle .img {  border-radius: 50%; width: 37px; height: 37px; }
.shop-charts .li .right {  display: table-cell;   font-size: 12px;  }
.shop-charts .li .right .one { padding-top: 18px;  }
.shop-charts .li .right .userName { color: #ababab; float: left; }
.shop-charts .li .right .money {  color: #f44c06; float: right;  }
.shop-charts .li .right .two {  position: relative; padding-top: 9px; }
.shop-charts .li .right .gray { width: 100%; height: 3px; background: #bcbeb0; }
.shop-charts .li .right .red { position: absolute; top: 9px; left: 0; height: 3px; background: #f44c06; }
.team-empty {  text-align: center; font-size: 16px; color: #ababab; margin: 100px 0; }
/* hero charts end */

/* other shop start */
.my-shop-ul .li .middle .shouyi { color: #f44c06; line-height: 20px; font-size: 12px; }
.my-shop-ul .li .middle .shopname { color: #ababaa; font-size: 12px; }
.my-shop-ul .li .middle .date { color: #000; font-size: 12px; }
/* other shop end */

/* my shop start */
.my-shop { height: 46px; font-size: 16px; background: #474749; text-align: center; color: #fed900; line-height: 46px; }
.my-shop-number { height: 24px; background: #fed900;  color: #470c0b; font-size: 12px; line-height: 24px; padding-left: 21px; }
.my-shop-ul .li .a {  width: 100%; display: table;  text-align: center; height: 76px; padding-left: 21px; border-bottom: 1px solid  #ececec; position: relative; }
.my-shop-ul .li .left { display: table-cell; vertical-align:middle; width: 66px; padding-right: 10px; }
.my-shop-ul .li .left .img {  height: 56px; width: 56px; }
.my-shop-ul .li .middle { display: table-cell; font-size: 14px; line-height: 24px; padding-top: 10px; text-align: left; color: #4e4e4e; }
.my-shop-ul .li .right { position: absolute; right: 25px; top: 30px; background: url(../imgs/order_accept_right.png) no-repeat; -webkit-background-size: 5px 11px; background-size: 5px 11px; width: 5px; height: 11px;  }
/* my shop end*/

/* income money start */
.income-header { height: 145px; background: #fed900; color: #470c0b; padding: 33px 20px 0 20px;  }
.income-header .shop-name { background: url(../imgs/income_shop_icon.png) no-repeat; padding-left: 20px; -webkit-background-size: 13px 17px; background-size: 13px 17px; font-size: 18px; }
.income-header .money-income {  margin-top: 20px;   }
.income-header .money-income .income { float: left; background: url(../imgs/income_money_icon.png) 0 8px no-repeat; padding-left: 20px; -webkit-background-size: 15px 18px; ba: 15px 18px; font-size: 28px; }
.income-header .money-income .other { color: #470c0b;  padding-left: 18px; float: right; background: url(../imgs/income_other_icon.png) no-repeat; -webkit-background-size: 15px 16px; background-size: 15px 16px; margin-top: 12px; margin-right: 15px; }
.income-header .money-income .other .icon { width: 12px; height: 11px; display: inline-block; background: url(../imgs/income_other_icon2.png) no-repeat; -webkit-background-size: 12px 11px; background-size: 12px 11px;  }
.income-header .money-income a {  color: #474749; font-size: 14px;  }

.income-title {  height: 36px; border-bottom: 1px solid  #ececec; text-align: center; }
.income-title .li { margin: 8px 0; font-size: 14px; line-height: 20px; height: 20px; float: left; width: 33.33%; border-right: 1px solid  #ccc; }
.income-title .li a {  display: block; }
.income-title .li:last-child { border-right: none; }
.income-title .li .circle { width:10px; height: 10px; border-radius: 50%; background: #ababab; margin-right: 8px; display: inline-block; }
.income-title .li .active { width:10px; height: 10px; border-radius: 50%; background: #fed900; margin-right: 8px; display: inline-block; }
.income-title .li .yellow {color: #fed900; }
.income-title .li .gray { color: #ababab; }
.income-money-empty { margin: 100px auto; text-align: center; font-size: 16px; color: #ababab; }

.money-income-ul { padding: 0 20px; }
.money-income-ul .li { padding: 10px 0; border-bottom: 1px solid  #ccc; }
.money-income-ul .li .line { font: normal 12px/20px 'Helvetica'; color: #6a6a6a; }
.money-income-ul .li .line .red {color: #f44c06; }

/* income money end */

/* income cash start */
.income-header .cash { padding: 28px 38px; font-size: 14px; color: #470c0b; }
.income-header .cash .li { float: left; width: 50%; height: 44px; }
.income-header .cash .li:first-child { border-right: 1px solid  #fff; border-bottom: 1px solid  #fff; }
.income-header .cash .li:last-child { margin: -1px; border-left: 1px solid  #fff; border-top: 1px solid  #fff; }
.income-header .cash .li .one {  margin: 6px 0 0 6px;  }
.income-header .cash .li .two { font-size: 16px; margin: 4px 0 0 6px; }
.cash-prompt { height: 24px; background: #ebebeb; font-size: 14px; line-height: 24px; color: #474749; padding-left: 13px; }
.cash-text { background: #fff; font-size: 14px; line-height: 17px; color: #4e4e4e; padding: 10px 0 10px 13px; }
.cash-form { background: #fff; padding: 0 13px; }
.cash-form input { width: 100%; }
.cash-form .alipayUserName, .cash-form .alipayAccount,  .cash-form .money { font-size: 14px; height: 29px; border-bottom: 1px solid  #ececec; color: #ababab; }
.cash-form .submit { width: 100%; height: 35px; margin: 10px 0; font-size: 16px; background: #474749; color: #fed900; line-height: 35px; text-align: center; border-radius: 4px; }
/* income cash end */

/* income coin start */
.coin-record { text-align: center; height: 24px; background: #ebebeb; font-size: 14px; color: #474749; }
.coin-record .li { margin: 5px 0; line-height: 14px; height: 14px; float: left; width: 50%; border-right: 1px solid  #474749; }
.coin-record .li:last-child { border-right: none; }

.coin-record .active {  color: #fed900; }
/* income coin end */

/* team start */
.team-people { padding-top: 10px; width: 100%;  border-top: 1px solid  #ececec; }
.team-people span { display: block; }
.team-people .li {width: 50%; float: left;  }
.team-people .li .number { display: block; margin-top: 10px; font-size: 20px; }
.team-people .all { font-size: 12px; }
.team-people .check { font-size: 12px; }
.team-people-list { padding: 20px; font-size: 14px; }
.team-empty { text-align: center; font-size: 16px; color: #ababab; margin: 100px 0; }
/* team end */

/* other shop start */
.other-shop-title { height: 46px; font-size: 16px; background: #474749; text-align: center; color: #fed900; line-height: 46px;  }
.other-shop-line {height: 38px; background: #ebebeb; font-size: 14px; line-height: 38px; color: #474749; padding-left: 13px;}
.other-shop-line .red { color: #f44c06; }
.other-shop-empty {  text-align: center; font-size: 16px; color: #ababab; margin: 100px 0; }
/* other shop end */
